<template>
	<view>
		<cu-custom bgColor="bg-E96141" :isBack="true">
			<block slot="backText">返回</block>
			<block slot="content">购物车列表</block>
		</cu-custom>
		<view class="no-data-con"
			v-if="!pageDataList || pageDataList.length==0">
			<image src="https://ylb123.oss-cn-hangzhou.aliyuncs.com/app/empty.png"></image>
			<view class="title">您购物车还没有商品信息~</view>
		</view>
		<!-- 配送地址列表 -->
		<view style="padding: 20upx;background-color: #24A7BF;color: #ffff;margin: 15upx;display: flex;flex-direction: row;border-radius: 15upx;justify-content: space-around;">
			<view style="flex: 1;">收货地址：</view>
			<view class="one-row" style="flex: 3;">{{memberInfo.realname}},{{memberInfo.phone}},{{memberInfo.address|datafilter}}</view>
			<view class="more" @click="open()"></view>
		</view>
		<uni-popup ref="popup" :mask-click="false"  type="top" style="margin-top: 90upx;" >
			<view  style="display: flex;flex-direction: column;width: 100%;background-color:#FFFFFF;padding: 20upx 10upx;">
				<view style="display: flex; margin: 15upx 0;justify-content:space-between;">
					<text class="sub" style="flex: 0.5;">默认</text>
					<text class="sub" style="flex:1;text-align: center;">姓名</text>
					<text class="sub" style="flex:1;text-align: center;">电话</text>
					<text class="sub" style="flex:3;text-align: center;">地址</text>
					
				</view>
				<view v-if="memberlist && memberlist.length!=0" style="display: flex;border-bottom: 3upx solid #919191;"  v-for="(item,index) in memberlist" :key="index">
					
					<text style="flex:0.5;text-align: left;padding-top: 40upx;">
						<radio :value="item.id" :checked="item.isDefault == 0"  color=#1CBBB4  style="transform:scale(0.7);"@click="changedz(item.id)" />
					</text>
					<text style="flex:1;text-align: center;padding-top: 40upx;">{{item.receiveName}}</text>
					<text style="flex:1;text-align: center;padding-top: 40upx;">{{item.receivePhone}}</text>
					<text style="flex:4;text-align: center;padding-top: 40upx;">{{item.detailAddress}}</text>
				</view>
				<view style="display: flex;margin-top: 15upx;">
					<view style="flex: 1;"></view>
					<view @click="close" class="sub" style="flex: 1;font-size: 20upx;">关闭</view>
					<view @click="openHi" class="sub" style="flex: 1;font-size: 20upx;">添加收货地址</view>
					<view style="flex: 1;"></view>
				</view>
				
			</view>
		</uni-popup>
		<!-- 添加新收货地址 -->
		
		<uni-popup ref="popupHi" type="top" style="margin-top: 90upx;">
		
			<form>
				<view class="cu-form-group">
					<view class="title">姓名：</view>
					<input v-model="myFormData.receiveName"  placeholder="(必填)" value="name"></input>
				</view>
				<view class="cu-form-group">
					<view class="title">电话：</view>
					<input placeholder="(必填)" name="input" 
						v-model="myFormData.receivePhone" value="phone"
						maxlength="50" ></input>
				</view>
				 <view class="cu-form-group">
					<pick-regions :defaultRegion="defaultRegionCode" @getRegion="handleGetRegion">
						<h4>点击选择省市区</h4>
					</pick-regions>
					<h5>{{regionName}}</h5>
				</view>
				
				<view class="cu-form-group">
					<view class="title">详细地址：</view>
					<input placeholder="(必填)" name="input"
						v-model="myFormData.detailAddress" value="address"
						maxlength="90"></input>
				</view>			
				
				</form>
		
				<view style="display: flex;margin-top: 15upx;">
					<view style="flex: 1;"></view>
					<view @click="close2" class="sub" style="flex: 1;font-size: 20upx;">关闭并保存</view>				
					<view style="flex: 1;"></view>
				</view>
		</uni-popup>
		<!-- 购物车列表 -->
		<view style="display: flex;justify-content:space-between; margin-left:-90upx;  align-items:center;padding:30upx 15upx;margin-top: -30upx;">
			<view style="flex:0.8;">				
			</view>
			<view class="cartitem" style="flex:2;width: 26upx;margin-right: 5upx;">
				商品名称
			</view>		
			<view style="flex:1;width: 26upx;margin-right: 5upx;" class="cartitem">
				价格
			</view>
			<view class="cartitem" style="flex:1;width: 20upx;margin-right: 5upx;">
				数量
			</view>
			<view class="cartitem" style="flex:1;width: 20upx;margin-right: 5upx;">
				小计
			</view>
			<view class="cartitem" style="flex:1;">
				操作
			</view>
		</view>
		<view class="page-list-con"
			v-if="pageDataList && pageDataList.length>0" style="margin-top:-36upx">
			<view
				v-for="(item, index) in pageDataList" :key="item.id"
				class="one-row" @t ap="toyaodianlist(item.id)" :data-idx="item.id"  style="height: 200upx;display: flex;justify-content: space-around; aline-height: 30upx; align-items:center;">
				<view style="flex:0.8;">
				</view>
				<view style="flex:3;text-align: left;display: flex;flex-direction:column; margin-left: -80upx;">
					<view :style="'background:url('+ (item.imageUrl?item.imageUrl:ciDefaultCoverImg) +') center center no-repeat;background-size: 90%;'" 
						  style="height: 120upx; border-radius: 10rpx; position: relative; margin-bottom: 15rpx;"></view>
					
					<view style="flex:1;text-align: center;color: #24a7bf;">{{item.title}}</view>
				</view>		
				<view style="flex:1;">
						{{item.price}}
				</view style="flex:1;text-align: center;">
				<view style="flex:2;display: flex;justify-content:space-around;">
					<view style="flex:2;background-image: url(/static/jian.png);background-size: 60%;background-position: center;background-repeat: no-repeat;"  @tap="totalsum(item.id,-1)"></view>
					<text style="flex:1;text-align: center;" >{{item.num}}</text>
					<view style="flex:2;background-image: url(/static/jia.png);background-size: 60%;background-position: center;background-repeat: no-repeat;" @tap="totalsum(item.id,1)"></view>
				</view>
				<view style="flex:1.5;text-align: center;">
					{{item.price*item.num}}
				</view>
				<view class="cartitem" style="flex:1;text-align:center;width: 10upx;background-color:#dee1e6;color: #FFFFFF;" @tap="delitem(item.id)">
					删除
				</view>
			<!-- 	<view class="left-con">
					<view>
						<img src="/static/ylogo.png" style="width:90%"/>
					</view>
				</view> -->
			<!-- 	<view class="right-con">
					<view class="title">
						<text class="account">
							 {{item.title}}
						</text>					
					</view>
					<view class="list-value">
						地址：{{(item.address?item.address:'暂无记录')|datafilter}} 
					</view>
					<view class="list-value">
						<text>起送15 配送1 </text>
					</view>
					<view class="list-value">
						38减15 58减25 0.1元爆品  
					</view>
					
				</view> -->
			
			</view>
		<hr>
		<view style="display: flex;justify-content: space-around;">
			<text style="flex: 1;margin-right: 28upx;"  class="cartitem">合计</text>			
			<text style="flex: 1;margin-right: 10upx;"  class="cartitem">数量：</text>
			<text style="flex: 1;text-align:center;color: red;margin-right: 10upx;font-size: 30upx;" class="cartitem">{{zongshu}}</text>
			<text style="flex: 1;margin-right: 10upx;"  class="cartitem">总价：</text>
			<text class="cartitem" style="flex: 2;font-size:30upx;text-align:center;color: red;margin-right: 10upx;">{{totalprice}}</text>
			<text @tap="tojiesuan()" style="flex: 2;font-size:30upx;background-color: red;color: #FFFFFF;height: 50upx; width: 50upx;line-height: 40upx;text-align: center;border-radius: 15upx;padding-top: 8upx;">结算</text>
		</view>
		
	</view>
		<!-- <uni-load-more 
			v-if="pageDataList && pageDataList.length>0"
			:status="loadingType"></uni-load-more> -->
			<view style="width: 100%,height: 100%; margin-top: 26upx; background-color: #BFDE85" >
				<text  style="width: 100%;,height: 100%; color: #DD514C;margin-top: 10upx;line-height: 75upx;text-align: center;padding-top: 8upx;" >疫情期间 退烧类药物 需提供核酸检测报告，请您在此上传</text> 
				<myImageUpload :value="uploadpicids" ></myImageUpload>
			</view>
	</view>
</template>

<script>
	
	import myImageUpload from '@/components/my-componets/my-image-upload.vue';
	import {
		USER_HAS_LOGIN,USER_ACCOUNT
	} from "@/common/util/constants"
	import uniLoadMore from '@/components/uni-load-more/uni-load-more.vue'
	import moment from 'moment'
	import uniPopup from '../../components/uni-popup/uni-popup.vue'
	import pickRegions from '../../components/pick-regions/pick-regions.vue'
	
	export default {
		name: "chufang-list",
		components: {
			uniLoadMore,uniPopup,pickRegions,myImageUpload
		},
		props:{
			pageCur: String ,
		},
		data() {
			return {
				ciDefaultCoverImg: 'https://ylb123.oss-cn-hangzhou.aliyuncs.com/app/check-item-v2-noimage.jpg',
				headerPosition:"fixed",
				totalprice: 0,
				zongshu: 0,
				region:[],
				defaultRegion:['陕西省','宝鸡市','渭滨区'],
				defaultRegionCode:'610302',
				memberlist:[{'id':'1','name':'张三','phone':'1859472558','address':'宝鸡市新建路西段','isdefault':0},
							{'id':'2','name':'李四','phone':'1859472558','address':'宝鸡市高新区左岸新城','isdefault':1},
							],
				memberInfo: {
					id: '',
					phone: '',
					realname: '张三',
					sex: '',
					birthday: '',
					address: '清姜路25号',
				},
				cateMaskState: 0, //分类面板展开状态
				headerPosition:"fixed",
				headerTop:"0px",
				loadingType: 'more', //加载更多状态
				filterIndex: 0, 
				pageDataList: [
					
				],
				uploadpicids: '', //这里传的是登录手机号
				keyword: '',
				currPageNo: 1,
				totalPageNo: 1,
				pageSize: 10,
				phone: '',
				yaodianid: '',
				myFormData:{},
				id:''
				
			}
		},
		computed:{
			regionName(){
				// 转为字符串
				return this.region.map(item=>item.name).join(' ')
			}
		},
		created() {
			this.validUserInfo()
			// this.loadData()
			// this.loadyaodian()
			// console.info(this.$route)
			this.memberInfo.phone=uni.getStorageSync(USER_ACCOUNT)
		},
		filters:{
			datafilter(d){
			 if(d.length<12){
					return d
				}else{
					let str=d.slice(0,12)	
					 return str+"..."
				}
							
			},		
		},
		onLoad(options) {
			var phone=options.phone;
			// console.log(options);
			this.phone=phone;
			this.memberInfo.id = options.memId?options.memId:''
			this.memberInfo.phone = options.memPhone?options.memPhone:''
			this.memberInfo.realname = options.memRealname?options.memRealname:''
			this.memberInfo.sex = options.memSex?options.memSex:''
			this.memberInfo.birthday = options.memBirthday?options.memBirthday:''
			this.memberInfo.address = options.memAddress?options.memAddress:''
			this.uploadpicids = options.phone;
			
			let obj = options.str.replace("\"([^\"]*)\"", "$1");
			this.pageDataList = JSON.parse(obj);
			console.log(this.pageDataList)
			this.zongprice()
			this.getMemberNewestInfo()
		},
		methods: {
			 // 获取选择的地区
			handleGetRegion(region){
				this.region = region
			},
			openHi(){
					this.$refs.popupHi.open()
				 },
			close2(){
				let  regionstr = this.region.map(item=>item.name).join('');
				console.log("++++region+"+regionstr)
				if(this.myFormData.detailAddress && this.myFormData.receiveName ){
				     
					  let param = {
					  	receiveName: this.myFormData.receiveName ,
					  	receivePhone: this.myFormData.receivePhone ,
					  	detailAddress: regionstr+this.myFormData.detailAddress ,
					  	id: this.id,
					  }
					  uni.showLoading({
					  	title: '提交中..',
					  	mask: true,
					  })
					  let that = this
					  let url='/address/sendAddress/add'
					  that.$http.post(url,param).then(res=>{
					  	if(res.data.success){
					  		uni.hideLoading()
					  		that.$tip.success('保存成功')
					  		this.getMemberNewestInfo()
					  	}
					  })
					  this.$refs.popupHi.close()
				}else{
					this.$refs.popupHi.close()
					return ; 
				}
			},
				
			changedz(id){
				this.memberlist.forEach(item=>{
					if(item.id==id){
						this.id = id
						item.isDefault=0
						let param = {
							id: id
						}
						let url='/address/sendAddress/edit'
						this.$http.put(url,param).then(res=>{
							if(res.data.success){
								uni.hideLoading()
								this.$tip.success('默认地址设置成功')
								this.getMemberNewestInfo()
							}
						})
						
					}else{
						item.isDefault=1
					}
				})
			},
				
			open(id){
				
				this.$refs.popup.open('top')
				
			 },
			 close() {
				this.$refs.popup.close()
			},
		toyaodianlist(idx){		
			
			uni.navigateTo({
				url: '/pages/zxyp/list?id=' + idx
				
			})
		},
		getMemberNewestInfo(){
			 console.log("===getMemberNewestInfo===address===")
			uni.showLoading({
				title: '加载中..',
				mask: true,
			})
			let that = this
			let url='/address/sendAddress/list'
			//let url2='/vip/vipmember/queryByToken'
			that.$http.get(url,{}).then(res=>{
				if(res.data.success){
					uni.hideLoading()
					/*
						address: "汉中市中心1号院100室"
						city: "610103"
						endtime: "2023-01-13"
						id: "1475023397223403522"
						identity: "52345234523453452"
						isVip: "Y"
						phone: "17189211859"
						realname: "欧阳认知"
						sex: 1
						startTime: "2022-01-12"
						tuijiancode: "tjm999"
						username: "行者"
						vipLevelId: 3
						vipLevelTitle: "尊享会员"
						yuyuecount: "22"
					*/
				   this.memberlist = res.data.result
				   // 获取第一条数据 是默认地址
				   if(this.memberlist && this.memberlist.length > 0){
					   let jsonData = this.memberlist[0]
					   that.memberInfo.phone = jsonData.receivePhone
					   that.memberInfo.realname = jsonData.receiveName
					   that.memberInfo.address = jsonData.detailAddress
					   that.memberInfo.dis = (jsonData.isDefault == '0') ? true : false
				   }else{
					   let url2='/vip/vipmember/queryByToken'
					   			this.$http.get(url2,{}).then(res=>{
					   				if(res.data.success){
					   				   let jsonData = res.data.result
					   				   this.memberInfo.phone = jsonData.phone
					   				   this.memberInfo.realname = jsonData.realname
					   				   this.memberInfo.address = jsonData.address
					   				}else{
					   					uni.hideLoading()
					   				}
					   			}).catch(err => {
					   				uni.hideLoading()
					   			});
				   }
				}else{
					uni.hideLoading()
				}
			}).catch(err => {
				uni.hideLoading()
			});
		},
		zongprice(){
			this.totalprice=0
			this.zongshu=0
			this.pageDataList.forEach(i=>{
				this.totalprice=this.totalprice+(i.price*i.num)
				this.zongshu=this.zongshu+i.num
			})
		},
		tojiesuan(){
			
			uni.showModal({
				title: '提示',
				content: '请再次确认您的收货地址，谢谢！',
				cancelText: '取消',
				confirmText: '确认',
				success: res => {
					if (res.confirm) {
						 let str = JSON.stringify(this.pageDataList)
						 console.log(this.str)			
						 //console.log('list nextPageParams = ', nextPageParams)
						 //跳转结算页面
						 uni.navigateTo({
						 	// url: '/pages/zxyp/gouwuche' + nextPageParams,
						 	url: '/pages/order/submit-order?str=' + str
						 	// url: '/pages/order/submit-order' + nextPageParams
						 })
					}
				}
			})
			
			
			
		},
		totalsum(idx,n){
			this.pageDataList.forEach(i=>{
				if(i.id==idx){
					i.num=i.num+n
					if(i.num<1){
						// this.pageDataList.splice($.inArray(i, this.pageDataList), 1);	
						this.pageDataList.splice(this.pageDataList.indexOf(i), 1)					
						// return  false
					}else if(i.num>4 & n >0){						
						this.$tip.toast('购买数量不能大于5')	
						i.num=5
						this.zongprice()
						return false
					}
					this.zongprice()
				// return false
				}
			})
		},
		delitem(idx){
			this.pageDataList.forEach(i=>{
				if(i.id==idx){
					this.pageDataList.splice(this.pageDataList.indexOf(i), 1)	
					this.zongprice()
				}
				
			})
		},
		loadyaodian(){
			let that = this				
			let url="/drugmng/yaodianmanager/list"
			uni.showLoading({
				title: '加载中..',
				mask: true,
			})
			 that.$http.get(url).then(res=>{
				if(res.data.success){
					that.pageDataList=res.data.result.records
					uni.hideLoading()		
					
					// for(var i=0;i<that.pageDataList.length;i++){
					// 	// let item={}
					// 	// item.value=that.yaodians[i].id
					// 	// item.label=that.yaodians[i].title
					// 	// that.options.push(item)
					// 	let str=that.pageDataList[i].address
					// 	that.pageDataList[i].address=str.substring(0,10)
					// }
				}
			// console.log(that.options)
			})
			},
			// 用户信息
			validUserInfo(){
				this.userHasLogin = uni.getStorageSync(USER_HAS_LOGIN)
				if(this.userHasLogin!='1'){
					this.$tip.toast('登录超时');
					let app_must_permission_status = uni.getStorageSync('APP_MUST_PERMISSION_STATUS')
					uni.clearStorageSync();
					uni.setStorageSync('APP_MUST_PERMISSION_STATUS', app_must_permission_status)
					setTimeout(function() {
						uni.redirectTo({
						    url: '/pages/login/login'
						});
					}, 500);
					return false
				}
			},
			//代该会员-添加处方信息
			addData(){
				let _params = '?nouse=1' + 
					'&memId=' + this.memberInfo.id + 
					'&type=1' +  
					'&memPhone=' + this.memberInfo.phone + 
					'&memRealname=' + this.memberInfo.realname + 
					'&memSex=' + this.memberInfo.sex + 
					'&memBirthday=' + this.memberInfo.birthday + 
					'&memAddress=' + this.memberInfo.address + 
					'&jkdaId='
				//redirectTo 不会压栈
				//navigateTo 会压栈
				uni.navigateTo({
					url: '/pages/chufang/chufangdetail' + _params
				})
			},
			//查看详情
			toDetailPage(item){
				if(!item.id){
					this.$tip.toast('数据错误')
					return false
				}
				let _params = '?nouse=1' +
					'&id=' + item.id + 
					'&createDate=' + item.createTimeShort + '&type=2' + '&phone=' + item.phone + '&name=' + item.name + '&sex=' + item.sex + '&age=' + item.age + '&createTime=' + item.createTime + '&zhend=' + item.zhend + '&image=' + item.image 
				uni.navigateTo({
					// url: '/pages/member-health-record/detail' + _params
					url: '/pages/chufang/chufangdetail' + _params
				})
			},
			onPageScroll(e){
				//兼容iOS端下拉时顶部漂移
				if(e.scrollTop>=0){
					this.headerPosition = "fixed";
				}else{
					this.headerPosition = "absolute";
				}
			},
			//下拉刷新
			onPullDownRefresh(){
				this.loadData('refresh');
			},
			//加载更多
			onReachBottom(){
				this.loadData();
			},
			//分页加载 ，带下拉刷新和上滑加载
			async loadData(type='add', loading) {
				let that = this
				//没有更多直接返回
				if(type === 'add'){
					if(that.loadingType === 'nomore'){
						return;
					}
					that.loadingType = 'loading';
				}else if(type === 'refresh'){
					that.pageDataList = []
					that.currPageNo = 1
				}else{
					that.loadingType = 'more'
				}
				if(that.currPageNo>that.totalPageNo){
					that.loadingType = 'nomore'
					if(loading == 1){
						uni.hideLoading()
					}else{
						uni.stopPullDownRefresh();
					}
					return false
				}
				
				let _pageParams = {
					pageNo: that.currPageNo,
					pageSize: that.pageSize,
					keyword: that.keyword,
					phone: that.phone,
					
				}
				// let list = await that.$http.get('/health/jkda/listformem', {params:_pageParams})
				let list = await that.$http.get('/chufangmanager/chufang/queryByToken', {params:_pageParams})
					.then(res => {
						if(res.data.success){
							//uni.hideLoading()
							let jsonData = res.data.result
							
							if(!jsonData){
								return []
							}
							that.totalPageNo = jsonData.pages
							let _list = jsonData.records?jsonData.records:[]
							if(_list && _list.length>0){
								let _item = {}
								for(let i=0;i<_list.length;i++){
									_item = _list[i]
									_item.createTimeShort = moment(_item.createTime).format('YYYY-M-D')
									_item.day = moment(_item.createTime).format('D')
									_item.yearMonth = moment(_item.createTime).format('YYYY年M月')
								}
							}
							return _list
						}else{
							//uni.hideLoading()
						}
					}).catch(err => {
						//uni.hideLoading()
						return []
					});
				
				if(list && list.length>0){
					list.forEach(item=>{
						that.pageDataList.push(item)
					})
				}
				
				//判断是否还有下一页，有是more  没有是nomore
				that.loadingType  = (that.currPageNo >= that.totalPageNo)?'nomore':'more'
				if(type === 'refresh'){
					if(loading == 1){
						uni.hideLoading()
					}else{
						uni.stopPullDownRefresh();
					}
				}
				
				if(that.currPageNo<that.totalPageNo){
					that.currPageNo++
				}
			},
			stopPrevent(){
			},
		}
	}
</script>

<style lang="scss" scoped>
	.sub{
		text-align: center;
		background-color: #1CBBB4;
		color:#FFFFFF;		
		border-radius: 15upx;
		padding: 10upx;
		
		margin-left: 10upx;
	}
	.more{
		flex:0.5;background-image: url(/static/more.png);background-size: 50%;background-position: center;background-repeat: no-repeat;
	}
	.jia{
		 background-size: 100% 100%;background-position: 100% 100%; background-repeat: no-repeat;
	}
	.cartitem{
		 font-size:20upx;background-color: #24a7bf;color: #FFFFFF;height: 50upx; width: 30upx;line-height: 40upx;text-align: center;border-radius: 15upx;padding-top: 8upx;
	}
	/* 会员信息 */
	.member-info{
		width: 100%;
		position: fixed;
		z-index: 10;
		left: 0;
		// #ifdef APP-PLUS
		top: 78px;
		// #endif
		background-color: #ffffff;
		height: 100px;
		overflow: hidden;
		padding: 20px;
		border: 0px solid #f00;
		box-shadow: 0 1px 5px rgba(0, 0, 0, 0.06);
		.list-item{
			float:left;
			width: 50%;
			margin-bottom: 10px;
			.pure-text{
				height: 30px;
				line-height: 30px;
			}
			.btn-1{
				float: right;
				background-color: #1CBBB4;
				height: 30px;
				line-height: 30px;
			}
			.btn-2{
				float: right;
				background-color: #ff9800;
				height: 30px;
				line-height: 30px;
			}
		}
	}
	
	/* 分页列表 */
	.space-line{
		width: 100%;
		height: 180px;
	}
	.no-data-con{
		text-align: center;
		padding: 30% 0 0 0;
		image{
			width: 150px !important;
			height: 150px !important;
		}
		.title{
			color: #aaaaaa;
		}
	}
	.page-list-con{
		margin-top: 190upx;
		padding: 20upx;
		color: #999999;
		.one-row{
			width: 100%;
			height: 360upx;
			overflow: hidden;
			background-color: #FFFFFF;
			margin-bottom: 20upx;
			padding: 20upx;
			border-radius: 10upx;
			border: 1px solid #ececec;
			.left-con{
				width: 30%;
				float: left;
				text-align: center;
				border-right: 1px dashed #cccccc;
				.day-con{
					font-size: 80upx;
					font-weight: bold;
				}
				.year-month-con{
					font-size: 32upx;
					margin-bottom: 10upx;
				}
				.opers{
					font-size: 48upx;
					text{
						font-size: 24upx;
					}
					.btn-1{
						width: 85%;
						background-color: #ff9270;
						height: 56upx;
						line-height: 56upx;
						margin-bottom: 10upx;
					}
				}
			}
			.right-con{
				width: 68%;
				float: right;
				border: 0px solid #f00;
				height: 360upx;
				overflow: hidden;
				.title{
					font-size: 26upx;
					font-weight: bold;
					margin-bottom: 10upx;
					height: 50upx;
					line-height: 50upx;
					.account{
						margin-right: 10upx;
						color: #1CBBB4;
					}
					.name{
						float: right;
						color: #EA6040;
					}
				}
				.list-value{
					margin-bottom: 5upx;
				}
			}
		}
		
	}
	

</style>
